<template>
  <div class="w-full min-h-[100vh] bg-[#FCFCFC] p-[15px]">
    <div class="w-full bg-white rounded-[10px] py-[20px]">
      <div class="font-bold w-full text-center">
        {{ Info.title }}
      </div>
      <div class="mt-[10px] px-[15px]" v-html="Info.content"></div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { indexGetNoticeDetail } from "@/utils/api";
import { reactive } from "vue";
import { useRoute } from "vue-router";
const route = useRoute();
const Info = reactive({
  title: "",
  content: "",
});
const getData = async () => {
  const res = await indexGetNoticeDetail({ id: route.query.id });
  // console.log(res);
  Info.title = res.msg.title;
  Info.content = res.msg.content;
};
getData();
</script>
